<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="css/login-index.css" type="text/css" media="all">
</head>
<body>
<div id="sky"></div>
<div id="head"></div>
<div id="middle">
    <form action="login" method="post">
        <ul style="text-align: center;">
            <li style="font-size: 48px">欢迎登录春萌</li>
            <li><input class="name" name="account" placeholder="请输入用户名"></li>
            <li><input type="password" name="password" class="pwd" placeholder="请输入密码"></li>
            <li id="verifyCode" style="display: block;"><input id="valid" name="rand" placeholder="请输入验证码" maxlength="4">
               <%-- <span id="validcode">
<img id="verifyCodePic" id="img_captcha" src="/img/jcaptcha.jpg" >
</span>
                <span id="changeimg">--%>
<%--换一张--%>
</span></li>
            <li><button id="login">立即登录</button></li>
            <li><span id="err" style="display: inline-block;">密码错误</span></li>
        </ul>
    </form>
</div>
<div id="footer">
    <a>关于我们@qq3306532502 &nbsp &nbsp|&nbsp &nbsp</a>
</div>
<div id="cloud"></div>
<script src="js/jquery-2.1.1.js" type="text/javascript" charset="UTF-8"></script>
<%--<script language='javascript' type='text/javascript'>
    $(document).ready(function() {
        init();

    });
    function init(){

        $(".name,.pwd,#valid").keyup(function(event){
            if( event.keyCode==13 )
            {
                $('#login').click();
            }

        });
        $("form").submit( function(event){
            var account = $(".name").val();
            var pwd = $(".pwd").val();
            if(!account ||!pwd) {
                $("#err").css("display","inline-block");
                $("#err").text("请输入用户名或密码");
                return false;
            }
            var code= $("#valid").val().toLocaleLowerCase();
            code = $.trim(code);
            if(code.length<4) {
                $("#err").css("display","inline-block");
                $("#err").text("验证码错误");
                return false;
            }
        });
        $('#changeimg').click(function(){
            $('#verifyCodePic')[0].src='/jcaptcha.jpg?'+Math.random();
            return false;
        });
    }
</script>--%>
</body>
</html>
